<tool-search-component generate-config="vm.filterConfig" filter='vm.filter'></tool-search-component>


<div class="row">

    <div class="col s12" ng-show="vm.detailCatName"> 
        <!-- <a class="ui label green white-text">{{vm.detailCatName}}</a> -->
        <div class="chip">{{vm.detailCatName}}</div>
        <div class="switch" style="display: inline-block;">
            <label>
                <span ng-class="{'red-text':vm.isHot}"><i class="fire icon"></i>最火</span>
                <input type="checkbox" ng-model="vm.isHot" checked>|                
                <span ng-class="{'green-text':!vm.isHot}"><i class="line chart icon"></i>最鲜</span>
            </label>
        </div>
        <!-- 
         <i class="delete icon cp" ng-click="vm.remove()"></i> 
        <div class="ui buttons mini basic">
            <button ng-click="WordCloud.typeAction('hot')" ng-disabled="WordCloud.type=='hot'" ng-class="{'ui button basic':true,'red':WordCloud.type=='hot'}">最火</button>
            <div class="or"></div>
            <button ng-click="WordCloud.typeAction('growth')" ng-disabled="WordCloud.type=='growth'" ng-class="{'ui button basic':true,'red':WordCloud.type=='growth'}">最新</button>
        </div> -->
    </div>
</div>

<div class="row">
    <div class="col s12">
        <div echarts-draw-canvas-line id="words_word" echarts-link="vm.chartClick" style="width: 100%;height: 800px;background: none;"></div>
    </div>
</div>
